window.onload = function () {
  var mapEl = document.querySelector('.map')
  // 定义地图中心点坐标
  var center = new TMap.LatLng(36.098506,114.406766)
  // 路线规划起点
  // var startPosition = new TMap.LatLng(36.104604, 114.340147); 
  // 路线规划终点
  // var endPosition = new TMap.LatLng(36.098506, 114.406766); 

  // 定义map变量，调用 TMap.Map() 构造函数创建地图
  var map = new TMap.Map(mapEl, {
    center: center,//设置地图中心点坐标
    // zoom: 13.2,    //设置地图缩放级别
    zoom: 17.2,
    pitch: 20.5,   //设置俯仰角
    rotation: 45   //设置地图旋转角度
  });
  // 定义标记点
  var markerLayer = new TMap.MultiMarker({
    map,
    geometries: [
      {
        id: 1,
        position: center,
        properties: {
          // title: '1909室'
        }
      }
    ]
  })

  /*
  // 定义路线规划
  var driving = new TMap.service.Driving({
    // 新建一个驾车路线规划类
    mp: false, // 是否返回多方案
    policy: 'PICKUP,NAV_POINT_FIRST', // 规划策略
  });
  driving.search({ from: startPosition, to: endPosition }).then((result) => {
    // 搜索路径
    result.result.routes[0].steps.forEach((step, index) => {
      document.querySelector('.route-plan').innerHTML += `<p>${index + 1}. ${step.instruction
        }</p>`;
      // 展示路线引导
    });
    displayPolyline(result.result.routes[0].polyline); // 绘制路径折线
  });


  function displayPolyline(pl) {
    // 创建 MultiPolyline显示路径折线
    var polylineLayer = new TMap.MultiPolyline({
      id: 'polyline-layer',
      map: map,
      styles: {
        style_blue: new TMap.PolylineStyle({
          color: '#3777FF',
          width: 8,
          borderWidth: 5,
          borderColor: '#FFF',
          lineCap: 'round',
        }),
      },
      geometries: [
        {
          id: 'pl_1',
          styleId: 'style_blue',
          paths: pl,
        },
      ],
    });
  }

  */
}
